<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="author" content="wangbo">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
	<title>jsx</title>
</head>
<body>
    <div id="test1"></div>
    <div id="test2"></div>
    <script type="text/javascript" src="../js/react.development.js"></script>
    <script type="text/javascript" src="../js/react-dom.development.js"></script>
    <script type="text/javascript" src="../js/babel.min.js"></script>
	<script type="text/babel">
	// 多条dom的渲染
	function allname(user) {
	  return user.firstName + ' ' + user.lastName;
	}
	
	let user = {
	  firstName: 'hello',
	  lastName: 'react'
	};
	
	let element = (
	  <ul>
	  <li>Hello, {allname(user)}!</li>
	  <li>Hello, {allname(user)}!</li>  
	  </ul>
	);	
	ReactDOM.render(
	  element,
	  document.getElementById('test1')
	);
	</script>
</body>
</html>